<template>
  <view class="no fx-col-c">
    <view class="no-icon">
      <slot name="icon"></slot>
      <uv-icon v-if="isIcon" :size="props.iconSize" :name="props.icon"></uv-icon>
    </view>
    <view class="no-text">{{props.text}}</view>
  </view>
</template>
<script setup>
import {ref} from 'vue'

const props = defineProps({
  icon:{type:String,default:'custom-icon-queshengye_kongbaiye-tongyong'},
  iconSize:{type:String,default:'150'},
  isIcon:{
    type:Boolean,
    default:true
  },
  text:{
    type:String,
    default:'这里什么都没有发现!'
  },
  isText:{
    type:Boolean,
    default:true
  }
})
</script>

<style lang="scss" scoped>

.no{
  font-size: 26rpx;
  text-align: center;
  color: #ededed;
  &-icon{}
  &-text{
    margin-top: 15rpx;
    color:$main-text-c;
  }
}



</style>
